<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Shoto</title>
    <meta content="Shoto 网页 Copy" name="Description">
    <meta content="codester" name="Keywords">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link href="//cdn.bootcss.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="./css/style.css">
</head>
<body>
       <div class="h">
           <div class="container">
               <div class="logo" style="margin-top: 65px">
                   <img src="./img/1-1.png"/>
               </div>
           </div>
           <div class="container">
               <div class="row">
                   <div class="span7">
                       <div>
                           <h1>Never miss a photo again!</h1>
                       </div>
                       <div style="margin-top: 40px">
                           <h3>
                                Shoto is the easiest way to get the photos your friends have
                                on their phone from your times together.
                           </h3>
                       </div>
                       <div  style="margin-top: 70px">
                           <img src="./img/1-2.png"/>
                           <img src="./img/1-3.png"/>
                       </div>
                       <div  style="margin-top: 20px">
                           <form class="form-search">
                               <input type="text" placeholder="Get Shoto.Enter phone #" >
                               <button class="" style="background-color:blue">
                                 Enter
                               </button>
                           </form>

                       </div>
                   </div>
                   <div class="span5">
                       <img src="./img/1-4.png"/>
                   </div>
               </div>
           </div>
       </div>


       <div  class="container">
           <div class="row">
               <div class="span4">
                   <img src="./img/2-1.png" />
               </div>
               <div class="span8">
                   <div style="margin-top: 140px">
                       <img src="./img/2-2.png" />
                   </div>
                   <div style="color: #42ffd6">
                       <h1>Request Your Friend’s Photos</h1>
                   </div>
                   <div>
                       <h3>
                           Get the photos your friends took when you were together.
                           We use time, location, and our algorithm to tell you which friends took
                           when you were together.
                       </h3>
                   </div>
               </div>
           </div>
       </div>


       <div style="background-color: #42ffd6">
           <div  class="container">
               <div class="row">
                   <div class="span8">
                       <div style="margin-top: 140px">
                           <img src="./img/3-1.png" />
                       </div>
                       <div class="ft">
                           <h1>All Your Photos Organized</h1>
                       </div>
                       <div class="ft">
                           <h3>
                               Shoto automatically organizes your photos into albums and trips on your timeline.
                           </h3>
                       </div>
                   </div>
                   <div class="span4">
                       <img src="./img/3-2.png" />
                   </div>
               </div>
           </div>
       </div>


       <div  class="container">
           <div class="row">
               <div class="span4">
                   <img src="./img/4-1.png" />
               </div>
               <div class="span8">
                   <div style="margin-top: 140px">
                       <img src="./img/4-2%20.png" />
                   </div>
                   <div style="color: #42ffd6">
                       <h1>See All Your Trips</h1>
                   </div>
                   <div>
                       <h3>
                           See all the photos from your last trip in one
                           album and share as many photos as you want in two taps.
                       </h3>
                   </div>
               </div>
           </div>
       </div>


       <div style="background-color: #42ffd6">
           <div  class="container">
               <div class="row">
                   <div class="span8">
                       <div style="margin-top: 140px">
                           <img src="./img/5-1.png" />
                       </div>
                       <div class="ft">
                           <h1>Privacy is First</h1>
                       </div>
                       <div class="ft">
                           <h3>
                               You are in complete control of what photos are shared.
                               We never upload your photos or share without your permission.
                           </h3>
                       </div>
                   </div>
                   <div class="span4">
                       <img src="./img/5-2.png" />
                   </div>
               </div>
           </div>
       </div>


       <div  class="container">
           <div class="row">
               <div class="span4">
                   <img src="./img/6-1.png"  />
               </div>
               <div class="span8">
                   <div style="margin-top: 140px">
                       <img src="./img/6-2.png" />
                   </div>
                   <div style="color: #42ffd6">
                       <h1>Create an Event</h1>
                   </div>
                   <div>
                       <h3>
                           Shoto pools the photos from your next big event. Guests submit photos via
                           Shoto and we bring them together in one place along with Twitter and Instagram photos.
                       </h3>
                   </div>
                   <div>
                       <button class="ol">
                           Host my Event on Shoto
                       </button>
                   </div>
               </div>
           </div>
       </div>


       <div style="background-color: rgba(13, 25, 47, 0.75)">
           <div  class="container">
               <div class="row">
                   <div class="span2">
                       <a href="#"><img src="./img/7-1.png"/></a>
                   </div>
                   <div class="span2">
                       <a href="#"><img src="./img/7-2.png"/></a>
                   </div>
                   <div class="span2">
                       <a href="#"><img src="./img/7-3.png"/></a>
                   </div>
                   <div class="span2">
                       <a href="#"><img src="./img/7-4.png"/></a>
                   </div>
                   <div class="span2">
                       <a href="#"><img src="./img/7-5.png"/></a>
                   </div>
                   <div class="span2">
                       <a href="#"><img src="./img/7-6.png"/></a>
                   </div>
               </div>
           </div>
       </div>

       <div style="width: 100%">
           <div class="container">
               <div class="row">
                   <div class="span2 zt">
                       <h1>Shoto</h1>
                       <p>Never miss a photo again!</p>
                   </div>
                   <div class="span8">
                           <img src="./img/icon-ios.png" class="cl" style="margin-top: 20px"/>
                   </div>
                   <div class="span2">
                           <img src="./img/icon-google.png" class="cl" style="margin-top: 20px"/>
                   </div>
               </div>

               <div>
                   <hr style="height:1px;border:none;border-top:1px solid #555555;" />
               </div>
               <div class="row">
                   <div class="span2 zt">
                       Shoto, Inc
                   </div>
                   <div class="span2">
                       <a href="#">Contact</a>
                   </div>
                   <div class="span2">
                       <a href="#">Investors</a>
                   </div>
                   <div class="span2">
                       <a href="#">Privacy</a>
                   </div>
                   <div class="span2">
                       <a href="#">Terms</a>
                   </div>
                   <div class="span1">
                       <img src="./img/facebook-icn.png" class="cl"/>


                       <img src="./img/instagram.png" class="cl"/>


                       <img src="./img/twitter-icn.png" class="cl"/>
                   </div>
               </div>


           </div>

       </div>


       <!--<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>-->
       <!--<script src="http://code.jquery.com/jquery.js"></script>-->

       <!--<script src="//cdn.bootcss.com/bootstrap/2.3.2/js/bootstrap.min.js"></script>-->
</body>
</html>